<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<link href="GangnamStyle.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.8.1.min.js"></script>
<script src="login.js"></script>
<title>Table</title>
<script>

$(document).ready(function(){
	fillTable();
});

function fillTable(){
	$.getJSON('http://localhost:8080/Roulette/rest/table/' + getTableId(), function(data){
		
	}
	
	function getTableId(){
		var id = getVar('id');
		return id;
	}
	
	function getVar(name)
	{
	get_string = document.location.search;         
	return_value = '';

	do { //This loop is made to catch all instances of any get variable.
	   name_index = get_string.indexOf(name + '=');
	   
	   if(name_index != -1)
	     {
	     get_string = get_string.substr(name_index + name.length + 1, get_string.length - name_index);
	     
	     end_of_value = get_string.indexOf('&');
	     if(end_of_value != -1)                
	       value = get_string.substr(0, end_of_value);                
	     else                
	       value = get_string;                
	       
	     if(return_value == '' || value == '')
	        return_value += value;
	     else
	        return_value += ', ' + value;
	     }
	   } while(name_index != -1)
	   
	//Restores all the blank spaces.
	space = return_value.indexOf('+');
	while(space != -1)
	     { 
	     return_value = return_value.substr(0, space) + ' ' + 
	     return_value.substr(space + 1, return_value.length);
	                                                
	     space = return_value.indexOf('+');
	     }
	 
	return(return_value);        
	}
}

</script>

</head>
<body>
<div data-role="page" id="tablepage">
	<div data-role="header">
		<h1>Table</h1>
	</div>

	<div data-role="content">
	<div hidden id="playerTable">
	<table> 
  		<caption>Travel Itinerary</caption> 
  		<thead> 
    		<tr> 
       			<th scope="col">Flight:</th>  
      			<th scope="col">From:</th>  
      			<th scope="col">To:</th>  
    		</tr> 
  		</thead> 
  		<tfoot> 
    		<tr> 
      			<td colspan="5">Total: 3 flights</td> 
    		</tr> 
  		</tfoot> 
  		<tbody> 
  			<tr> 
    			<th scope="row">JetBlue 983</th> 
    			<td>Boston (BOS)</td> 
    			<td>New York (JFK)</td> 
  			</tr> 
 			<tr> 
    			<th scope="row">JetBlue 354</th> 
    			<td>San Francisco (SFO)</td> 
    			<td>Los Angeles (LAX)</td> 
  			</tr> 
			<tr> 
    			<th scope="row">JetBlue 465</th> 
    			<td>New York (JFK)</td> 
    			<td>Portland (PDX)</td> 
  			</tr> 
  		</tbody> 
	</table> 
			</div>
	</div>
</div>
</body>
</html>